import React from "react";
import { Outlet } from "react-router-dom";
import { Layout, Menu } from 'antd';
import { BulbTwoTone } from '@ant-design/icons'
const { SubMenu } = Menu
const { Sider, Content } = Layout

class Git extends React.Component {
    render() {
        return (
            <Layout style={{ padding: '24px 0', background: '#fff' }}>
                <Sider width={200} style={{ background: '#fff' }}>
                    <Menu
                        mode="inline"
                        defaultSelectedKeys={['1']}
                        defaultOpenKeys={['sub1']}
                        style={{ height: '100%' }}
                    >
                        <SubMenu
                            key="sub1"
                            title={
                                <span>
                                    <BulbTwoTone />
                                    笔记
                                </span>
                            }
                        >
                            <Menu.Item key="1">Git</Menu.Item>
                            {/* <Menu.Item key="2">暂无</Menu.Item>
                            <Menu.Item key="3">暂无</Menu.Item>
                            <Menu.Item key="4">暂无</Menu.Item> */}
                        </SubMenu>
                    </Menu>
                </Sider>
                <Content style={{ padding: '0 24px', minHeight: 485, maxHeight: 700, overflow: 'auto' }}>
                    <Outlet />
                </Content>
            </Layout>
        )
    }
}
export default Git